<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:rich="http://richfaces.org/rich"
   xmlns:a4j="http://richfaces.org/a4j"
   xmlns:gs="http://java.sun.com/jsf/composite/gs"
   template="/WEB-INF/templates/default.xhtml">
	<ui:define name="menu">
		<ui:include src="/protected/user/menu.xhtml" >
			<ui:param name="activeMenu" value="cliente" />
			<ui:param name="activeSubMenu" value="personaJuridica" />
		</ui:include>		
	</ui:define>	
	<ui:define name="breadcrumb">
		<ui:include src="breadcrumbCreate.xhtml" />
	</ui:define>
	<ui:define name="content">
		<div class="row">
			<div class="span12">
			<h:form id="form-create" styleClass="well form-horizontal">
				<legend>#{messages.personaJuridicaData}</legend>
				<ul id="clienteTab" class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab">#{messages.personaJuridicaData}</a></li>
					<li><a href="#address" data-toggle="tab">#{messages.personaDireccion}</a></li>
	            </ul>
				<div id="personaContent" class="tab-content">
					<div class="tab-pane fade in active" id="home">
				    	<fieldset>
				    		<div class="control-group #{rich:findComponent('cuit').valid ? '' : 'error'}">
				    			<h:outputLabel value="#{messages.personaCUIT}:" 
				    				for="cuit" 
				    				styleClass="control-label"/>
				    			<div class="controls">
				    				<h:inputText id="cuit"
				    					value="#{personaJuridicaBean.entity.cuit}"
				    					styleClass="input-medium"
				    					placeholder="#{messages.personaCUIT}"
				    					maxlength="11">
										<f:ajax event="change" listener="#{personaJuridicaBean.cuitChangeListener}" 
											execute="@this" 
											render="form-create:nombre form-create:razonSocial form-create:fechaContratoSocial form-create:email form-create:telefono1 form-create:telefono2
											        form-create:direccion-pais form-create:direccion-provincia form-create:direccion-localidad form-create:direccion-calle
											        form-create:direccion-numero form-create:direccion-codigoPostal form-create:direccion-piso form-create:direccion-departamento" />
										<rich:validator/>
				    				</h:inputText>
				    				<h:message for="form-create:cuit" errorClass="help-inline"/>
				    			</div> 
				    		</div>
			
				    		<div class="control-group #{rich:findComponent('nombre').valid ? '' : 'error'}">
						    	<h:outputLabel value="#{messages.personaSearchNombres}:"  
				    				for="nombre" 
				    				styleClass="control-label"/>
				    			<div class="controls">
				    				<h:inputText id="nombre"
				    					styleClass="input-xlarge"
				    					placeholder="#{messages.personaJuridicaNombre}" 
				    					value="#{personaJuridicaBean.entity.nombre}">
										<rich:validator/>                    		
				    				</h:inputText>
				    				<h:message for="nombre" errorClass="help-inline"/>
				    			</div> 
				    		</div>

				    		<div class="control-group #{rich:findComponent('razonSocial').valid ? '' : 'error'}">
				    			<h:outputLabel value="#{messages.personaJuridicaRazonSocial}:" 
				    				for="razonSocial" 
				    				styleClass="control-label"/>
				    			<div class="controls">
							    	<h:selectOneMenu id="razonSocial" 
							    		value="#{personaJuridicaBean.entity.razonSocial}">
							    		<f:selectItems value="#{enumRefereceBean.razonesSociales}"/>
										<f:ajax event="change" 
											execute="@this" />
										<rich:validator/>
							    	</h:selectOneMenu>
							    	<h:message for="razonSocial" errorClass="help-inline"/>
				    			</div> 
				    		</div>
				    		
				    		<div class="control-group #{rich:findComponent('fechaContratoSocial').valid ? '' : 'error'}">
						    	<h:outputLabel value="#{messages.personaJuridicaFechaContratoSocial}:"  
				    				for="fechaContratoSocial" 
				    				styleClass="control-label"/>
				    			<div class="controls">
				    				<rich:calendar id="fechaContratoSocial" 
				    					enableManualInput="true"
				    					datePattern="dd/MM/yyyy"
				    					value="#{personaJuridicaBean.entity.fechaContratoSocial}">
										<rich:validator/>
				    				</rich:calendar>
				    				<h:message for="fechaContratoSocial" errorClass="help-inline"/>
				    			</div> 
				    		</div>		
				    				    		
				    		<div class="control-group #{rich:findComponent('email').valid ? '' : 'error'}">
						    	<h:outputLabel value="#{messages.personaEmail}:"  
				    				for="email" 
				    				styleClass="control-label"/>
				    			<div class="controls">
				    				<h:inputText id="email"
				    					styleClass="input-xlarge"
				    					value="#{personaJuridicaBean.entity.email}">
										<rich:validator/>                    		
				    				</h:inputText>
				    				<h:message for="email" errorClass="help-inline"/>
				    			</div> 
				    		</div>

				    		<div class="control-group #{rich:findComponent('telefono1').valid ? '' : 'error'} #{rich:findComponent('telefono2').valid ? '' : 'error'}">
						    	<h:outputLabel value="#{messages.personaTelefonos}:"  
				    				styleClass="control-label"/>
				    			<div class="controls">
				    				<h:inputText id="telefono1"
				    					styleClass="input-medium"
				    					placeholder="#{messages.personaTelefono1}" 
				    					value="#{personaJuridicaBean.entity.telefono1}">
										<rich:validator/>                    		
				    				</h:inputText>
				    				<h:inputText id="telefono2"
				    					style="margin-left:5px;"
				    					styleClass="input-medium"
				    					placeholder="#{messages.personaTelefono2}" 
				    					value="#{personaJuridicaBean.entity.telefono2}">
										<rich:validator/>                    		
				    				</h:inputText>
				    				<h:message for="telefono1" errorClass="help-inline"/>
				    				<h:message for="telefono2" errorClass="help-inline"/>
				    			</div> 
				    		</div>
				    	</fieldset>
					</div>
					<div class="tab-pane fade" id="address">
						<fieldset>
				    		<div class="control-group #{rich:findComponent('direccion-pais').valid ? '' : 'error'}">
				    			<h:outputLabel value="#{messages.direccionPais}:"
				    				for="direccion-pais" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:selectOneMenu id="direccion-pais" 
							    		converter="#{paisBean.converter}"
							    		value="#{personaJuridicaBean.pais}">
							    		<f:selectItem itemLabel="#{messages.ingresarValor}" 
							    			noSelectionOption="true"/>
							    		<f:selectItems value="#{paisBean.allEntities}"
							    			var="var" 
							    			itemLabel="#{var.name}" />
							    		<f:ajax event="change" 
							    			execute="@this" 
							    			render="form-create:direccion-provincia form-create:direccion-localidad" />
							    	</h:selectOneMenu>
									<h:commandLink action="#{paisBean.showCreate}" 
										immediate="true"
										styleClass="btn btn-info" style="margin-left:5px;">
										<i class="icon-file" title="#{messages.paisCreate}"></i>	
										<h:outputText value="#{messages.paisCreate}" />
										<f:setPropertyActionListener target="#{paisBean.persistReturnView}" 
											value="#{facesContext.viewRoot.viewId}"  />
										<f:setPropertyActionListener target="#{paisBean.cancelView}" 
											value="#{facesContext.viewRoot.viewId}"  />
									</h:commandLink>
									<h:message for="direccion-pais" errorClass="help-inline"/>
				    			</div> 
				    		</div>	
				    		
				    		<div class="control-group #{rich:findComponent('direccion-provincia').valid ? '' : 'error'}">
				    			<h:outputLabel value="#{messages.direccionProvincia}:"
				    				for="direccion-provincia" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:selectOneMenu id="direccion-provincia" 
							    		converter="#{provinciaBean.converter}"
							    		value="#{personaJuridicaBean.provincia}">
							    		<f:selectItem itemLabel="#{messages.ingresarValor}" 
							    			noSelectionOption="true"/>
							    		<f:selectItems value="#{personaJuridicaBean.provincias}"
							    			var="var" 
							    			itemLabel="#{var.name}" />
							    		<f:ajax event="change"
							    			execute="@this" 
							    			render="form-create:direccion-localidad" />
							    	</h:selectOneMenu>	    			
									<h:commandLink action="#{provinciaBean.showCreate}"
										immediate="true"
										styleClass="btn btn-info"  style="margin-left:5px;"	>
										<i class="icon-file" title="#{messages.provinciaCreate}"></i>	
										<h:outputText value="#{messages.provinciaCreate}" />
										<f:setPropertyActionListener target="#{provinciaBean.pais}" 
											value="#{personaJuridicaBean.pais}"  />
										<f:setPropertyActionListener target="#{provinciaBean.persistReturnView}" 
											value="#{facesContext.viewRoot.viewId}"  />
										<f:setPropertyActionListener target="#{provinciaBean.cancelView}" 
											value="#{facesContext.viewRoot.viewId}"  />
									</h:commandLink>
									<h:message for="direccion-pais" errorClass="help-inline"/>
				    			</div> 
	    					</div>

				    		<div class="control-group #{rich:findComponent('direccion-localidad').valid ? '' : 'error'}">
				    			<h:outputLabel value="#{messages.direccionLocalidad}:"
				    				for="direccion-localidad"  
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:selectOneMenu id="direccion-localidad" 
							    		converter="#{localidadBean.converter}"
							    		value="#{personaJuridicaBean.entity.direccion.localidad}">
							    		<f:selectItem itemLabel="#{messages.ingresarValor}" 
							    			noSelectionOption="true"/>
							    		<f:selectItems value="#{personaJuridicaBean.localidades}"
							    			var="var" 
							    			itemLabel="#{var.name}" />
							    	</h:selectOneMenu>	    			
									<h:commandLink action="#{localidadBean.showCreate}"
										immediate="true"
										styleClass="btn btn-info" style="margin-left:5px;">
										<i class="icon-file" title="#{messages.localidadCreate}"></i>	
										<h:outputText value="#{messages.localidadCreate}" />
										<f:setPropertyActionListener target="#{localidadBean.provincia}" 
											value="#{personaJuridicaBean.provincia}"  />
										<f:setPropertyActionListener target="#{localidadBean.persistReturnView}" 
											value="#{facesContext.viewRoot.viewId}"  />
										<f:setPropertyActionListener target="#{localidadBean.cancelView}" 
											value="#{facesContext.viewRoot.viewId}"  />
									</h:commandLink>
									<h:message for="direccion-localidad" errorClass="help-inline"/>						
				    			</div> 
				    		</div>

				    		<div class="control-group #{rich:findComponent('direccion-calle').valid ? '' : 'error'}">
				    			<h:outputLabel for="direccion-calle" 
				    				value="#{messages.direccionCalle}:" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:inputText id="direccion-calle"
										style="margin-left:5px;"
										value="#{personaJuridicaBean.entity.direccion.calle}"
										styleClass="input-xlarge">
									</h:inputText>
									<h:message for="direccion-calle" errorClass="help-inline"/>
				    			</div> 
				    		</div>

				    		<div class="control-group #{rich:findComponent('direccion-numero').valid ? '' : 'error'}">
				    			<h:outputLabel for="direccion-numero" 
				    				value="#{messages.direccionNumero}:" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:inputText id="direccion-numero"
										style="margin-left:5px;"
										value="#{personaJuridicaBean.entity.direccion.numero}"
										styleClass="input-small">
									</h:inputText>
									<h:message for="direccion-numero" errorClass="help-inline"/>
				    			</div> 
				    		</div>
			
				    		<div class="control-group #{rich:findComponent('direccion-codigoPostal').valid ? '' : 'error'}">
				    			<h:outputLabel for="direccion-codigoPostal" 
				    				value="#{messages.direccionCodigoPostal}:" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:inputText id="direccion-codigoPostal"
										style="margin-left:5px;"
										value="#{personaJuridicaBean.entity.direccion.codigoPostal}"
										styleClass="input-small">
									</h:inputText>
									<h:message for="direccion-codigoPostal" errorClass="help-inline"/>
				    			</div> 
				    		</div>
			
				    		<div class="control-group #{rich:findComponent('direccion-piso').valid ? '' : 'error'}">
				    			<h:outputLabel for="direccion-piso" 
				    				value="#{messages.direccionPiso}:" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:inputText id="direccion-piso"
										style="margin-left:5px;"
										value="#{personaJuridicaBean.entity.direccion.piso}"
										styleClass="input-small">
									</h:inputText>
									<h:message for="direccion-piso" errorClass="help-inline"/>
				    			</div> 
				    		</div>
				    		
				    		<div class="control-group #{rich:findComponent('direccion-departamento').valid ? '' : 'error'}">
				    			<h:outputLabel for="direccion-departamento" 
				    				value="#{messages.direccionDepartamento}:" 
				    				styleClass="control-label"/>
				    			<div class="controls">
									<h:inputText id="direccion-departamento"
										style="margin-left:5px;"
										value="#{personaJuridicaBean.entity.direccion.departamento}"
										styleClass="input-small">
									</h:inputText>
									<h:message for="direccion-departamento" errorClass="help-inline"/>
				    			</div> 
				    		</div>
						</fieldset>
					</div>
				</div>
				<div class="form-actions">
					<gs:buttonOk bean="#{personaJuridicaBean}"/>
					<gs:buttonCancel bean="#{personaJuridicaBean}"/>
				</div>
			</h:form>				
			</div>
		</div>
	</ui:define>	
</ui:composition>
